<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2023-09-27 17:43:02
 * @LastEditors: 贺楠 1071780426@qq.com
 * @LastEditTime: 2024-08-19 16:09:26
 * @FilePath: \mould\src\components\BehaViorManage\feedbackListText\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->

  <div class="Control-1 mechanism_dialogS closure" id="comcn small">
    <el-dialog
      width="1060px"
      title="出场称重材料台账"
      v-loading="loading"
      element-loading-text="拼命加载中"
      element-loading-background="rgba(0, 0, 0, 0.2)"
      element-loading-spinner="el-icon-loading"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialog"
      :append-to-body="true"
      top="5%"
    >
      <div
        class="dialogBody common commonClassDialog moduleDialog"
        :style="{ height: dialogHeight }"
        style="width: 100%"
      >
        <div style="overflow-y: auto; margin-bottom: 20px">
          <div class="baseTitle">基础信息</div>
          <div style="height: 180px">
            <publicForm
              ref="publicForm"
              lableWidth="90px"
              :formObj="formObj"
              :formData="formData"
            >
            </publicForm>
          </div>
          <div class="baseTitle">磅单信息</div>
          <div class="table" style="height:90px">
            <div class="table_th">
                    <div class="tr1 th_style">材料种类</div>
                    <div class="tr2 th_style">材料名称</div>
                    <div class="tr3 th_style">规格型号</div>
                    <div class="tr4 th_style">毛重(吨)</div>
                    <div class="tr5 th_style">皮重(吨)</div>
                    <div class="tr6 th_style">扣重(吨)</div>
                    <div class="tr7 th_style">扣率(%)</div>
                    <div class="tr8 th_style">净重(吨)</div>
                  </div>
                <div class="table_main_body"  v-if="formData!=null">
                    <div class="table_inner_body" >
                        <div class="table_tr" >
                            <div class="tr1 tr">{{formData.materialCategory}}</div>
                            <div class="tr2 tr">{{formData.materialName}}</div>
                            <div class="tr3 tr" >{{formData.specification}}</div>
                            <div class="tr4 tr" >{{formData.grossWeight}} </div>
                            <div class="tr5 tr" >{{formData.tareWeight}} </div>
                            <div class="tr6 tr" >{{formData.deductionWeight}} </div>
                            <div class="tr7 tr" >{{formData.deductionRate}} </div>
                            <div class="tr8 tr" >{{formData.weight}} </div>
                        </div>
                    </div>
                </div>
          </div>
          <div class="baseTitle">照片信息</div>
          <div class="photo"  >
            <div class="text">出场照片</div>
            <div class="enterPhoto" v-viewer v-if="formData!=null">
             <img :src="'data:image/png;base64,'+item" v-for="(item,index) in leavePhoto" :key="index" alt="">
          </div>
          </div>
          <div class="photo"  >
            <div class="text">进场照片</div>
            <div class="enterPhoto" v-viewer v-if="formData!=null">
             <img   :src="'data:image/png;base64,'+item" v-for="(item,index) in enterPhoto" :key="index" alt="">
          </div>
          </div>
        
          <div class="photo" >
            <div class="text">材质单</div>
            <div class="enterPhoto " v-viewer  v-if="formData!=null">
             <img :src="'data:image/png;base64,'+formData.inspectionForm" alt="">
          </div>
          </div>
        </div>

      </div>
    </el-dialog>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
